 <!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="applicable-device" content="pc" />
    <title>已完成订单</title>
    <meta name="keywords" content="KEYWORD" />
    <meta name="description" content="DESCRIPTION" />
    <link rel="stylesheet" href="./public/css/common.min.css"/>
    <link rel="stylesheet" href="./css/uc-dingdan.min.css"/>
  </head>
  <body>
    <!--begin: 顶部信息条-->
    <div class="top-bar">
      <div class="container">
        <div class="fl">
          <ul class="clearfix">
            <li><a class="color-f70" href="#">入驻花仙商城</a></li>
            <li class="drop wechat ml40">
              <a class="drop-opr">关注微信接单<i class="icon-arrow"></i></a>
              <div class="drop-more">微信二维码</div>
            </li>
            <li class="drop city ml45">
              <a class="drop-opr">合肥<i class="icon-arrow"></i></a>
              <div class="drop-more">城市选择列表</div>
            </li>
            <li class="drop map ml20">
              <a class="drop-opr" href="#">花店地图</a>
              <div class="drop-more">地图</div>
            </li>
          </ul>
        </div>
        <div class="fr">
          <ul class="clearfix">
            <li class="download"><a href="#"><i class="icon-mobile"></i>APP下载</a></li>
            <li class="ml30"><a href="#">收藏花店</a></li>
            <li class="ml30"><a href="#">帮助中心</a></li>
            <li class="drop ml30">
              <a class="drop-opr" href="#">客服工单<i class="icon-arrow"></i></a>
              <div class="drop-more">客服工单</div>
            </li>
            <li class="login ml20"><a href="#">登录</a></li>
            <li class="register ml20"><a href="#">注册</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!--end: 顶部信息条-->
    <!--begin: 头部导航-->
    <div class="header">
      <div class="container">
        <a class="fl logo" href="#"><img src="./public/images/logo-min.png" width="87" height="43" alt="logo"/></a>
        <div class="nav-header fl">
          <ul class="clearfix">
            <li class="active"><a href="#"><i class="icon-angle"></i>后台首页</a></li>
            <li><a href="#"><i class="icon-angle"></i>账户设置</a></li>
            <li><a href="#"><i class="icon-angle"></i>我的商城</a></li>
            <li><a href="#"><i class="icon-angle"></i>消息</a></li>
          </ul>
        </div>
        <div class="fr search-bar clearfix">
          <label for="inputSearch">请输入内容</label>
          <input class="fl input" type="text" id="inputSearch" />
          <button class="fl btn" type="button">搜索</button>
        </div>
      </div>
    </div>
    <!--end: 头部导航-->

    <div class="main">
      <div class="main-in clearfix">
        <!--begin: 侧边导航-->
        <div class="nav-side fl">
          <dl>
            <dt><i class="icon-n1"></i>接单中心</dt>
            <dd><a href="#">未配送订单<span class="color-f70">(10)</span></a></dd>
            <dd><a href="#">已完成订单</a></dd>
            <dd><a href="#">问题订单</a></dd>
          </dl>
          <dl>
            <dt><i class="icon-n2"></i>下单中心</dt>
            <dd><a href="#">未配送订单<span class="color-f70">(10)</span></a></dd>
            <dd><a href="#">已完成订单</a></dd>
            <dd><a href="#">问题订单</a></dd>
          </dl>
          <dl>
            <dt><i class="icon-n3"></i>账户设置</dt>
            <dd><a href="#">账户余额</a></dd>
            <dd><a href="#">账户安全</a></dd>
            <dd><a href="#">我要充值</a></dd>
            <dd><a href="#">申请提现</a></dd>
            <dd><a href="#">我的银行卡</a></dd>
            <dd><a href="#">交易明细</a></dd>
          </dl>
          <dl>
            <dt><i class="icon-n4"></i>特色服务</dt>
            <dd><a href="#">交纳保证金</a></dd>
            <dd><a href="#">实名认证</a></dd>
            <dd><a href="#">订单推送设置</a></dd>
          </dl>
          <dl>
            <dt><i class="icon-n5"></i>基础设置</dt>
            <dd><a href="#">基本资料</a></dd>
            <dd><a href="#">店铺设置</a></dd>
            <dd><a href="#">坐标设置</a></dd>
            <dd><a href="#">接单范围</a></dd>
            <dd><a href="#">快捷登录</a></dd>
          </dl>
          <dl>
            <dt><i class="icon-n6"></i>快捷工具</dt>
            <dd><a href="#">打印模版</a></dd>
            <dd><a href="#">下单模版</a></dd>
          </dl>
        </div>
        <!--end: 侧边导航-->
        <!--beigin: 内容部分-->
        <div class="wrapper bg-white">
          <h2 class="h2-title">已完成订单</h2>
          <div class="main-nav mt25">
            <ul class="clearfix">
              <li class="active"><a href="#">近三个月</a></li>
              <li><a href="#">三个月以前</a></li>
            </ul>
          </div>
          <div class="clearfix mt35">
            <label class="input fl"><input tip="请输入花店会员名称 / 订单编号" altercss="gray" class="w360" type="text"></label>
            <button class="fl btn btn-fill btn-orange btn-lg ml20" type="button">搜索订单</button>
          </div>
          <dl class="list-hua">
            <dt class="clearfix mt30">
              <span class="fl col1">订单信息</span>
              <span class="fl col2">派送时间</span>
              <span class="fl col3">发单店铺</span>
              <span class="fl col4">订单状态</span>
              <span class="fl col5">操作</span>
            </dt>
            <dd class="mt20">
              <div class="dd-top"><span class="ml15">订单时间：2017-08-19 09:23:14</span><span class="ml50">订单号：20189921517941</span><i></i></div>
              <div class="clearfix">
                <div class="fl col1">
                  <img class="fl" src="./images/img-flower2.jpg" width="100" height="100" alt="花束"/>
                  <div class="text fl">
                    <p>11朵红玫瑰，搭配黄莺、相思梅+8德芙碗装装 包装：英文报纸、黑色礼品纸包装,精美花结，高档礼盒。</p>
                    <div class="custom">
                      <span>收货姓名：<b class="color-f70">段青</b></span>
                      <span>收货电话：<b class="color-f70">13349205874</b></span>
                    </div>
                  </div>
                  <div class="price fl">
                    <p>&yen; 180.00</p>
                    <p>x1</p>
                  </div>
                </div>
                <div class="col2 fl">
                  <p>08/18  08:00<br/>~<br/>08/18 15:00</p>
                </div>
                <div class="col3 fl">
                  <p class="mt25">名称：贺佳鲜花婚庆</p>
                  <p class="tel">手机：18288588888<span>0551-65785584</span></p>
                  <a class="btn-connect" href="#"><span>在线QQ</span></a>
                </div>
                <div class="col4 fl">
                  <p class="color-green mt50">对方申请退款成功</p>
                </div>
                <div class="col5 fl">
                  <a class="btn btn-sure mt30" href="#">确认订单</a>
                  <a class="btn btn-default mt15" href="#">取消订单</a>
                </div>
              </div>
            </dd>
          </dl>
          <!--分页-->
          <div class="layui-box layui-laypage layui-laypage-default mt30">
            <a href="javascript:;" class="layui-laypage-prev layui-disabled" data-page="0">上一页</a>
            <span class="layui-laypage-curr"><em class="layui-laypage-em"></em><em>1</em></span>
            <a href="javascript:;" data-page="2">2</a>
            <a href="javascript:;" data-page="3">3</a>
            <a href="javascript:;" data-page="4">4</a>
            <span class="layui-laypage-spr">…</span>
            <a href="javascript:;" data-page="5">5</a>
            <a href="javascript:;" class="layui-laypage-next" data-page="2">下一页</a>
          </div>
        </div>
        <!--end: 内容部分-->
      </div>
    </div>

    <!--begin: 底部-->
    <div class="footer">
      <div class="container f-top">
        <ul class="clearfix">
          <li><i class="icon-f1"></i><h6>免费配送</h6><p>全国大部分市区免费配送</p></li>
          <li><i class="icon-f2"></i><h6>10年品牌</h6><p>10年鲜花品牌，值得信赖</p></li>
          <li><i class="icon-f3"></i><h6>新鲜花材</h6><p>昆明新鲜花材，现做现送</p></li>
          <li><i class="icon-f4"></i><h6>3h可达</h6><p>全国连锁，快至3h送达</p></li>
          <li><i class="icon-f5"></i><h6>无忧售后</h6><p>质量问题全额退款</p></li>
        </ul>
      </div>
      <div class="container f-nav">
        <dl class="fl">
          <dt>新手指南</dt>
          <dd><a href="#">用户服务协议</a></dd>
          <dd><a href="#">购物流程指南</a></dd>
          <dd><a href="#">支付流程说明</a></dd>
          <dd><a href="#">售后服务政策</a></dd>
        </dl>
        <dl class="fl">
          <dt>新手指南</dt>
          <dd><a href="#">用户服务协议</a></dd>
          <dd><a href="#">购物流程指南</a></dd>
          <dd><a href="#">支付流程说明</a></dd>
          <dd><a href="#">售后服务政策</a></dd>
        </dl>
        <dl class="fl">
          <dt>新手指南</dt>
          <dd><a href="#">配送服务说明</a></dd>
          <dd><a href="#">快递配送说明</a></dd>
          <dd><a href="#">配送范围及费用</a></dd>
          <dd><a href="#">定时配送及费用</a></dd>
        </dl>
        <dl class="fl">
          <dt>新手指南</dt>
          <dd><a href="#">在线支付</a></dd>
          <dd><a href="#">转账汇款</a></dd>
          <dd><a href="#">货到付款</a></dd>
          <dd><a href="#">上门收款</a></dd>
        </dl>
        <div class="fl qrcode">
          <span class="img"><img src="./public/images/qrcode-huamill.png" width="104" height="104" alt="花密欧公众号"/></span>
          <p>花密欧公众号</p>
        </div>
        <div class="fl last">
          <b class="tel">0551-164215200</b>
          <p>周一至周六 8:00-24:00<br/>周末 9:00-18:00</p>
          <a class="btn-ask" href="javascript:;" target="_self"><i></i>在线咨询</a>
        </div>
      </div>
      <div class="copy">
        <div class="container">
          <div class="link">
            <a href="#">关于我们</a><i class="line">|</i>
            <a href="#">安全隐私</a><i class="line">|</i>
            <a href="#">订购流程</a><i class="line">|</i>
            <a href="#">招聘英才</a><i class="line">|</i>
            <a href="#">帮助中心</a><i class="line">|</i>
            <a href="#">客服中心</a><i class="line">|</i>
            <a href="#">鲜花百科</a>
          </div>
          <p class="mt10">Copyright 2007-2017 cyzone.cn All rights reserved 京ICP证070362号 京ICP备08103950号 新出发京零字第朝140005号</p>
        </div>
      </div>
    </div>
    <!--end: 底部-->
    <script type="text/javascript" src="./public/js/jquery.min.js"></script>
    <script type="text/javascript" src="./public/js/common.js"></script>
    <script type="text/javascript">
      $(function(){
          $('.wrapper').height($('.main-in').height()-100);
      });
  </script>
  </body>
</html>